.u-button-style {
    margin: 50rpx 42rpx;
}
.u-button-style .u-button {
    height: 74rpx !important;
}
.u-button-style .u-button__text {
    font-size: 30rpx !important;
}

.title-text-style {
    color: #282828;
    font-size: 32rpx;
    font-weight: 600;
}
.common-card-style {
    background-color: #fff;
    box-shadow: 0rpx 6rpx 20rpx 2rpx rgba(86, 125, 244, 0.1);
    border-radius: 20rpx;
    margin: 20rpx 24rpx 0rpx 24rpx;
    padding: 30rpx 20rpx;
    display: flex;
    align-items: center;
    position: relative;
}
.bottom-button-area {
    background-color: #fff;
    width: calc(100% - 84rpx);
    padding: 20rpx 42rpx 74rpx;
    margin: 0 auto;
    box-shadow: 0rpx -1rpx 0rpx 0rpx #efefef;
}
.bottom-button-area .u-button {
    height: 74rpx !important;
}
.bottom-button-area .u-button__text {
    font-size: 30rpx !important;
}
.posr {
    position: relative;
}
.posa {
    position: absolute;
}
.flex {
    display: flex;
}
.flex-c {
    display: flex;
    align-items: center;
}
.flex-cc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.br20 {
    border-radius: 20rpx !important;
    -webkit-border-radius: 20rpx !important;
    -moz-border-radius: 20rpx !important;
    -ms-border-radius: 20rpx !important;
    -o-border-radius: 20rpx !important;
}
.dis-bc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
}
.f10 {
    font-size: 20upx;
}
.f11 {
    font-size: 22upx;
}
.f12 {
    font-size: 24upx;
}
.f13 {
    font-size: 26upx;
}
.f14 {
    font-size: 28upx;
}
.f15 {
    font-size: 30upx;
}
.f16 {
    font-size: 32upx;
}
.f17 {
    font-size: 34upx;
}
.f18 {
    font-size: 36upx;
}
.f19 {
    font-size: 38upx;
}
.f20 {
    font-size: 40upx;
}
.f21 {
    font-size: 42upx;
}
.f22 {
    font-size: 44upx;
}
.f23 {
    font-size: 46upx;
}
.f24 {
    font-size: 48upx;
}
.f25 {
    font-size: 50upx;
}
.f26 {
    font-size: 52upx;
}
.flex1 {
    flex: 1;
}
.bdtr20 {
    border-radius: 20rpx 20rpx 0 0;
    -webkit-border-radius: 20rpx 20rpx 0 0;
    -moz-border-radius: 20rpx 20rpx 0 0;
    -ms-border-radius: 20rpx 20rpx 0 0;
    -o-border-radius: 20rpx 20rpx 0 0;
}
.bdbl20 {
    border-radius: 0 0 20rpx 20rpx;
    -webkit-border-radius: 0 0 20rpx 20rpx;
    -moz-border-radius: 0 0 20rpx 20rpx;
    -ms-border-radius: 0 0 20rpx 20rpx;
    -o-border-radius: 0 0 20rpx 20rpx;
}
.flex-justify-content-end {
    display: flex;
    justify-content: flex-end;
}
.ys1 {
    padding: 0 0 20rpx 0;
    border-radius: 20rpx 20rpx 0 0;
    /* background: #fff; */
}
.ys2 {
    padding: 30rpx 20rpx 20rpx;
    border-radius: 20rpx 20rpx 0 0;
    background: #fff;
}
.ys2-3 text,
.ys2-2 text,
.ys2 text {
    font-weight: bold !important;
}
.ys2-3 text.more-t,
.ys2-2 text.more-t,
.ys2 text.more-t {
    font-weight: 400 !important;
}
.ys2-2 {
    padding: 30rpx 20rpx 20rpx;
    border-radius: 20rpx 20rpx 0 0;
    -webkit-border-radius: 20rpx 20rpx 0 0;
    -moz-border-radius: 20rpx 20rpx 0 0;
    -ms-border-radius: 20rpx 20rpx 0 0;
    -o-border-radius: 20rpx 20rpx 0 0;
}
.ys2-3 {
    padding: 30rpx 20rpx 20rpx;
    border-radius: 20rpx 20rpx 0 0;
    -webkit-border-radius: 20rpx 20rpx 0 0;
    -moz-border-radius: 20rpx 20rpx 0 0;
    -ms-border-radius: 20rpx 20rpx 0 0;
    -o-border-radius: 20rpx 20rpx 0 0;
}
.av-t1 {
    padding: 24rpx;
    background: #fff;
    border-radius: 20rpx 20rpx 0 0;
    -webkit-border-radius: 20rpx 20rpx 0 0;
    -moz-border-radius: 20rpx 20rpx 0 0;
    -ms-border-radius: 20rpx 20rpx 0 0;
    -o-border-radius: 20rpx 20rpx 0 0;
}
.av-t2 {
    padding: 0 0 20rpx 0;
}
.av-t2 .c-t {
    font-weight: 600;
}
.av-t2 .a-c-tt {
    font-weight: 600;
}
/* 字体超出显示省略号;*/
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}